<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>魅族官网</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-2.2.4.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<header class="mztop">
    <div class="mzcontainer">
        <a href="#" title="MX6预约" class="top-button"></a>
        <a href="#" title="关闭" class="top"><img src="images/close.png"></a>
    </div>
</header>
<div class="header-nav">
    <nav class="nav">
        <ul>
            <li><a href="#">魅族官网</a></li>
            <li><a href="#">魅族商城</a></li>
            <li><a href="#">Flyme</a></li>
            <li><a href="#">专卖店</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
        <ul>
            <li><a href="#">消息</a></li>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </nav>
</div>
<div class="vice-header">
    <div class="vice-nav">
        <div class="logo"><img src="images/logo-header.png"></div>
        <ul class="vice-list">
            <li>
                <a href="#">PRO手机</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/homepanel1%20(7).png">
                                <h6>魅族PRO 6</h6>
                                <p class="baby-prize">¥2499</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/PRO.png">
                                <h6>魅族PRO 5</h6>
                                <p class="baby-prize"><del>¥2499</del> ¥2199</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">魅蓝手机</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/mzboby%20(4).png">
                                <h6>魅蓝3s</h6>
                                <p class="baby-prize">¥699</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/ML1.png">
                                <h6>魅蓝3</h6>
                                <p class="baby-prize">¥599</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/mzboby%20(6).png">
                                <h6>魅蓝 note3</h6>
                                <p class="baby-prize">¥799</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/ML2.png">
                                <h6>魅蓝 metal</h6>
                                <p class="baby-prize">¥999</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/ML3.png">
                                <h6>魅蓝 note2</h6>
                                <p class="baby-prize">¥799</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">MX手机</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/MX1.png">
                                <h6>MX6</h6>
                                <p class="baby-prize">¥1999</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/MX2.png">
                                <h6>MX5</h6>
                                <p class="baby-prize">¥1499</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/MX2.png">
                                <h6>MX5e 经典版</h6>
                                <p class="baby-prize">¥1499</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">精选配件</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/accessories1.png">
                                <h6>魅族EP51蓝牙运动耳机</h6>
                                <p class="baby-prize">¥269</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/accessories2.png">
                                <h6>魅族 HD50 头戴式耳机</h6>
                                <p class="baby-prize">¥399</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/homepanel1%20(1).jpg">
                                <h6>魅族移动电源(标准版)</h6>
                                <p class="baby-prize">¥99</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/accessories3.png">
                                <h6>魅族移动电源 快充版</h6>
                                <p class="baby-prize">¥149</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/accessories4.png">
                                <h6>魅族 EP-21HD耳机</h6>
                                <p class="baby-prize">¥129</p>
                            </a>
                        </div>
                        <div class="special">
                            <p><a href="#" style="font-size: 13px"><img src="images/special1.png"> 耳机/音箱</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special2.png"> 路由器/移动电源</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special5.png"> 保护套/后盖/贴膜</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special4.png"> 数据线/电源适配器</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special3.png"> 周边配件</a></p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">智能硬件</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/hardware1.jpg">
                                <h6>魅族路由器 极速版</h6>
                                <p class="baby-prize">¥199</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/hardware2.png">
                                <h6>云麦好轻mini智能体脂秤</h6>
                                <p class="baby-prize">¥99</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/hardware3.png">
                                <h6>新游智能游戏手柄N1pro</h6>
                                <p class="baby-prize">¥119</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/mzbaby2%20(8).png">
                                <h6>罗马仕AU12快充车充</h6>
                                <p class="baby-prize">¥29</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/mzb%20(3).png">
                                <h6>乐行天下V3C智能电动独轮车</h6>
                                <p class="baby-prize"><del>¥2499</del>¥1999</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/hardware4.png">
                                <h6>英特曼智能红外</h6>
                                <p class="baby-prize">¥99</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="home">
    <section>
        <div class="one"></div>
        <div class="two"></div>
        <div class="list">
            <ul>
                <li class="control"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="main">
            <ul>
                <li class="current" style="background: rgb(0,0,0);width: 1920px;"><a style="margin-left:318px;" href="#"><img src="images/lun1.jpg" width="1240" height="480"/></a></li>
                <li style="background:rgb(255, 255, 255);width: 1876px"><a href="#"><img src="images/lun2.jpg" width="1920" height="480"/></a></li>
                <li style="background: rgb(250, 244, 227);width: 1920px"><a style="margin-left:318px;" href="#"><img src="images/lun3.png" width="1240" height="480"/></a></li>
                <li style="background: rgb(98,57,198);width: 1876px"><a href="#"><img src="images/lun4.jpg" width="1920" height="480"/></a></li>
                <li style="background: rgb(233, 232, 234);width: 1920px"><a style="margin-left:318px;" href="#"><img src="images/lun5.png" width="1240" height="480"/></a></li>
            </ul>
        </div>
    </section>
    <div class="home-category-list">
        <ul class="home-category-nav">
            <li>
                <a href="#">全部商品分类</a>
            </li>
            <li>
                <a href="#">手机</a>
                <div class="home-nav">
                    <div>
                        <ul>
                            <li><a href="#"><img src="images/MX1.png"><span>魅族MX6</span></a></li>
                            <li><a href="#"><img src="images/mzboby%20(4).png"><span>魅蓝3s</span></a></li>
                            <li><a href="#"><img src="images/ML1.png"><span>魅蓝3</span></a></li>
                            <li><a href="#"><img src="images/mzboby%20(6).png"><span>魅蓝note3</span></a></li>
                            <li><a href="#"><img src="images/ML2.png"><span>魅蓝 metal</span></a></li>
                        </ul>
                        <ul>
                            <li><a href="#"><img src="images/ML3.png"><span>魅蓝 note2</span></a></li>
                            <li><a href="#"><img src="images/phone2.png"><span>魅蓝3 礼盒版</span></a></li>
                            <li><a href="#"><img src="images/homepanel1%20(7).png"><span>魅族PRO 6</span></a></li>
                            <li><a href="#"><img src="images/PRO.png"><span>魅族PRO 5</span></a></li>
                            <li><a href="#"><img src="images/mzboby%20(7).png"><span>魅族 MX5</span></a></li>
                        </ul>
                    </div>
                    <div>
                        <a href="#"><img src="images/phone.jpg"></a>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">智能硬件</a>
                <div class="home-nav">
                    <div>
                        <ul>
                            <li><a href="#"><img src="images/mzb(9).png"><span>沁麟2.5L智能靠谱煲</span></a></li>
                            <li><a href="#"><img src="images/ware2.png"><span>乐范AirPet空气净化器</span></a></li>
                            <li><a href="#"><img src="images/ware3.png"><span>X-Light Plus</span></a></li>
                            <li><a href="#"><img src="images/mzboby%20(6).png"><span>乐心mambowatch手表</span></a></li>
                            <li><a href="#"><img src="images/ware5.png"><span>乐行天下V5智能电动独轮车</span></a></li>
                        </ul>
                        <ul>
                            <li><a href="#"><img src="images/homepanel1%20(2).png"><span>公子小白情感智能机器人</span></a></li>
                            <li><a href="#"><img src="images/mzb%20(7).png"><span>麦开智能水杯Cuptime2</span></a></li>
                            <li><a href="#"><img src="images/ware8.png"><span>控客立体拓展智能排插主体</span></a></li>
                            <li><a href="#"><img src="images/mzb%20(1).png"><span>3D BOX 裸眼3D</span></a></li>
                            <li><a href="#"><img src="images/ware10.png"><span>飞智黑武士蓝牙无线手柄</span></a></li>
                        </ul>
                    </div>
                    <div>
                        <a href="#"><img src="images/hardware.jpg"></a>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">耳机 / 音箱</a>
                <div class="home-nav">
                    <div>
                        <ul>
                            <li><a href="#"><img src="images/set%20(1).png"><span>魅族 EP51蓝牙运动耳机</span></a></li>
                            <li><a href="#"><img src="images/set%20(6).png"><span>魅族HD50头戴式耳机</span></a></li>
                            <li><a href="#"><img src="images/set%20(2).png"><span>魅族EP-31耳机</span></a></li>
                            <li><a href="#"><img src="images/set%20(7).png"><span>先锋 SE-Cl51S</span></a></li>
                            <li><a href="#"><img src="images/set%20(3).png"><span>beats Urbeats入耳耳机</span></a></li>
                        </ul>
                        <ul>
                            <li><a href="#"><img src="images/set%20(8).png"><span>Skullcandyhesh 头戴耳机</span></a></li>
                            <li><a href="#"><img src="images/set%20(4).png"><span>铁三角ATH-CLR100</span></a></li>
                            <li><a href="#"><img src="images/set%20(9).png"><span>先锋SE-MJ512头戴式耳机</span></a></li>
                            <li><a href="#"><img src="images/set%20(5).png"><span>FiiO飞傲M3无损音乐播放器</span></a></li>
                            <li><a href="#"><img src="images/set%20(10).png"><span>先锋ASP-BA202S蓝牙音箱</span></a></li>
                        </ul>
                    </div>
                    <div>
                        <a href="#"><img src="images/set.jpg"></a>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">路由器 / 移动电源</a>
                <div class="home-nav">
                    <div>
                        <ul>
                            <li><a href="#"><img src="images/route1.png"><span>魅族智能路由器</span></a></li>
                            <li><a href="#"><img src="images/homepanel1%20(1).jpg"><span>魅族移动电源(标准版)</span></a></li>
                            <li><a href="#"><img src="images/accessories3.png"><span>魅族移动电源快充版</span></a></li>
                            <li><a href="#"><img src="images/hardware1.jpg"><span>魅族路由器 极速版</span></a></li>
                        </ul>
                    </div>
                    <div>
                        <a href="#"><img src="images/route.png"></a>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">保护套 / 后盖/贴膜</a>
                <div class="home-nav">
                    <div>
                        <ul>
                            <li><a href="#"><img src="images/mzbfour%20(9).png"><span>Loop Jacket智能保护套</span></a></li>
                            <li><a href="#"><img src="images/mzbfour%20(4).png"><span>魅蓝3s轻薄保护壳</span></a></li>
                            <li><a href="#"><img src="images/mzbfour%20(6).png"><span>PRO 6 原装保护壳</span></a></li>
                            <li><a href="#"><img src="images/mzbfour%20(7).png"><span>魅蓝note3缤纷软胶保护壳</span></a></li>
                            <li><a href="#"><img src="images/mzboby%20(1).png"><span>魅蓝3 高透保护膜</span></a></li>
                        </ul>
                        <ul>
                            <li><a href="#"><img src="images/mzbfour%20(10).png"><span>魅蓝3s 高透保护膜</span></a></li>
                            <li><a href="#"><img src="images/mzbfour%20(8).png"><span>魅蓝note3 高透保护膜</span></a></li>
                            <li><a href="#"><img src="images/cover1.png"><span>魅族 X ACFUN联名后盖</span></a></li>
                            <li><a href="#"><img src="images/mzbfour%20(1).png"><span>魅蓝3 缤纷软胶保护壳</span></a></li>
                            <li><a href="#"><img src="images/mzbfour%20(9).png"><span>Loop Jacket智能保护套</span></a></li>
                        </ul>
                    </div>
                    <div>
                        <a href="#"><img src="images/cover.jpg"></a>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">数据线 / 电源适配器</a>
                <div class="home-nav">
                    <div>
                        <ul>
                            <li><a href="#"><img src="images/cable%20(1).png"><span> 电源适配器</span></a></li>
                            <li><a href="#"><img src="images/cable%20(6).png"><span> 魅族Type-C金属数据线</span></a></li>
                            <li><a href="#"><img src="images/cable%20(2).png"><span> 魅族Type-CUSB 数据线</span></a></li>
                            <li><a href="#"><img src="images/cable%20(7).png"><span> 魅族USB数据线</span></a></li>
                            <li><a href="#"><img src="images/mz4.jpg"><span> 罗马仕AU12快充车充</span></a></li>
                        </ul>
                        <ul>
                            <li><a href="#"><img src="images/cable%20(4).png"><span> 罗马仕AU15车充</span></a></li>
                            <li><a href="#"><img src="images/cable%20(9).png"><span> 罗马仕AC12S快充适配器</span></a></li>
                            <li><a href="#"><img src="images/cable%20(5).png"><span> 罗马仕AC10快充适配器</span></a></li>
                            <li><a href="#"><img src="images/cable%20(8).png"><span> ORICOQC3.0多口车充头</span></a></li>
                            <li><a href="#"><img src="images/cable%20(3).png"><span> ORICO 4口USB快充充电器</span></a></li>
                        </ul>
                    </div>
                    <div>
                        <a href="#"><img src="images/cable.jpg"></a>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">周边配件</a>
                <div class="home-nav">
                    <div>
                        <ul>
                            <li><a href="#"><img src="images/part%20(1).png"><span> 金士顿 超高速手机内存卡</span></a></li>
                            <li><a href="#"><img src="images/part%20(6).png"><span> 猎奇(LIEQI)手机镜头</span></a></li>
                            <li><a href="#"><img src="images/part%20(4).png"><span> 东芝v8 2.5英寸移动硬盘</span></a></li>
                            <li><a href="#"><img src="images/part%20(7).png"><span> 英特曼迷你旅行小插排</span></a></li>
                            <li><a href="#"><img src="images/part%20(5).png"><span> ORICO USB智能插线板</span></a></li>
                        </ul>
                        <ul>
                            <li><a href="#"><img src="images/part%20(10).png"><span> 魅族豌豆钥匙包</span></a></li>
                            <li><a href="#"><img src="images/part%20(8).png"><span> 东芝黑甲虫2.5寸移动硬盘</span></a></li>
                            <li><a href="#"><img src="images/part%20(9).png"><span> 闪迪至尊高速OTG手机U盘</span></a></li>
                            <li><a href="#"><img src="images/part%20(2).png"><span> 三星750 SATA3 固态硬盘</span></a></li>
                            <li><a href="#"><img src="images/part%20(3).png"><span> 魅族熊猫金属钥匙扣</span></a></li>
                        </ul>
                    </div>
                    <div>
                        <a href="#"><img src="images/part.png"></a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="home-mz">
    <section>
        <div class="home-service">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/M.png">
                        <p>M码通道</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/trade-in.png">
                        <P>以旧换新</P>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/insurance.png">
                        <p>补买意外保</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/search.png">
                        <p>回购单查询</p>
                    </a>
                </li>
            </ul>
        </div>
        <div><a href="#"><img src="images/mz1.jpg"></a></div>
        <div><a href="#"><img src="images/mz2.jpg"></a></div>
        <div><a href="#"><img src="images/mz3.jpg"></a></div>
        <div><a href="#"><img src="images/mz4.jpg"></a></div>
    </section>
    <div class="home-panel">
        <h2>
            <strong>热品推荐</strong>
            <span class="right "></span>
            <span class="left"></span>
        </h2>
        <section class="home-panel-cotent">
            <div class="home-panel-baby">
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(1).png">
                        <h4>魅族PRO 5金色套装</h4>
                        <h6 class="baby-prize"><span class="prize">特惠</span> 直降300元 含EP31S耳机</h6>
                        <p><del><span>¥2699</span></del> ¥2399</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(1).jpg" alt="">
                        <h4>魅族移动电源(标准版)</h4>
                        <h6>素雅百搭 颜值典范</h6>
                        <p>¥99</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(2).png" alt="">
                        <h4>Gowild公子小白情感智能机器人</h4>
                        <h6 class="baby-prize"><span class="prize">分期</span> 支持花呗分期 月供</h6>
                        <p>¥1780</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(2).jpg" alt="">
                        <h4>魅族HD50 头戴式耳机</h4>
                        <h6>附赠防水耳机包</h6>
                        <p>¥399</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(3).png" alt="">
                        <h4>阿巴町智能通话手机表KT04(四代)</h4>
                        <h6>语音通话 智能提醒</h6>
                        <p>¥798</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(7).png">
                        <h4>魅族PRO 6</h4>
                        <h6 class="baby-prize"><span class="prize">赠品</span> 每日10点起 前200名赠移动电源</h6>
                        <p>¥2499</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(5).png">
                        <h4>三星存储卡</h4>
                        <h6>全新升级版 + 高速存储</h6>
                        <p>¥28.9</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(4).png" alt="">
                        <h4>乐范魔力贴smart版</h4>
                        <h6>五个模式10个档位 缓解颈部疲劳</h6>
                        <p>¥139</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(6).png" alt="">
                        <h4>魅蓝3</h4>
                        <h6>移动定制版 限量开售</h6>
                        <p>¥1780</p>
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="images/homepanel1%20(8).png" alt="">
                        <h4>微星6QF-203XCN游戏笔记本</h4>
                        <h6>四核I7处理器 3G独显</h6>
                        <p>¥8399</p>
                    </a>
                </div>
            </div>
        </section>
    </div>
</div>
<div class="home-full-baby">
    <div class="home-full-ad">
        <img src="images/homefull.jpg">
        <a href="#" title="PRO 5" class="hot-point"></a>
    </div>
</div>
<div class="home-full-box" style="margin-top: 35px;">
    <div class="mzcontainer">
        <h2 style="padding-bottom: 10px">
            <strong>手机</strong>
            <span><img src="images/right-arrow.png"></span>
            <span>更多</span>
        </h2>
        <section>
            <div class="home-baby-one">
                <a href="#">
                    <img src="images/mzboby%20(1).jpg">
                    <div class="baby-one">
                        <a href="#"><button>30日 10点限量开售</button></a>
                    </div>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(6).png">
                    <h4>魅蓝note3</h4>
                    <h6>30日 10点限量开售</h6>
                    <p>¥799</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(8).png">
                    <h4>魅族 MX6</h4>
                    <h6>30日 10点首发开售</h6>
                    <p>¥1999</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(4).png">
                    <h4>魅族PRO 6</h4>
                    <h6 class="baby-prize"><span class="prize">赠品</span> 每日10点起 前200名赠快充电源</h6>
                    <p>¥2499</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(1).png">
                    <h4>魅蓝3</h4>
                    <h6 class="baby-prize"><span class="prize">现货</span> 移动定制版 现货开售</h6>
                    <p>¥599</p>
                </a>
            </div>
        </section>
        <section>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(7).png">
                    <h4>魅族 MX5</h4>
                    <h6>快充金属旗舰 指纹识别</h6>
                    <p>¥1499</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(5).png">
                    <h4>魅蓝 metal</h4>
                    <h6 class="baby-prize"><span class="prize">分期</span> 月供低至166.5元</h6>
                    <p>¥999</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/homepanel1%20(1).png">
                    <h4>魅族PRO 5金色套装</h4>
                    <h6>直降300元，标配EP-31S耳机</h6>
                    <p><del>¥2699</del> ¥2399</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(2).png">
                    <h4>魅蓝 metal 礼盒套装</h4>
                    <h6 class="baby-prize"><span class="prize">分期</span> 6期免息 月供低至183.17元</h6>
                    <p>¥1099</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzboby%20(3).png">
                    <h4>魅族MX5e 经典版</h4>
                    <h6>标配EP-21HD耳机</h6>
                    <p>¥1499</p>
                </a>
            </div>
        </section>
    </div>
</div>
<div class="home-full-baby"  style="background: #eee">
    <div class="home-full-ad">
        <img src="images/babytwo.jpg">
        <a href="#" title="EP51 耳机" class="hot-point"></a>
    </div>
</div>
<div class="home-full-box">
    <div class="mzcontainer">
        <div class="baby-two">
            <h2><strong>精选配件</strong></h2>
            <nav class="baby-nav">
                <ul>
                    <li><a class="#">耳机音箱</a></li>
                    <li><a class="#">路由器/移动电源</a></li>
                    <li><a class="#">移动存储</a></li>
                </ul>
            </nav>
        </div>
        <section>
            <div class="home-baby-one">
                <a href="#">
                    <img src="images/mzbaby2%20(1).jpg">
                    <div class="baby-one">
                        <a href="#"><button>立即购买</button></a>
                    </div>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(2).jpg">
                    <h4>魅族移动电源 快充版</h4>
                    <h6>独特双层注塑 精密工艺打磨</h6>
                    <p>¥149</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(5).png">
                    <h4>飞傲 X1 无损音乐播放器</h4>
                    <h6>小巧精致 初烧福音</h6>
                    <p>¥648</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(7).png">
                    <h4>Skullcandy ink'd 入耳耳机</h4>
                    <h6>内置麦克风 防汗 防脱落</h6>
                    <p>¥99</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(3).png">
                    <h4>东芝黑甲虫系列 2.5寸移动硬盘</h4>
                    <h6>磨砂质感 USB3.0接口 高速传输</h6>
                    <p>¥399</p>
                </a>
            </div>
        </section>
        <section>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(6).png">
                    <h4>猎奇(LIEQI)LQ-011 手机镜头</h4>
                    <h6>手机外置镜头 单反手机镜头</h6>
                    <p><del>¥45</del>¥43.9</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(8).png">
                    <h4>罗马仕AU15兼容高通技术车充</h4>
                    <h6>QC2.0急速充 单接口 两件八折</h6>
                    <p>¥59</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(1).png">
                    <h4>闪迪存储卡 读速80Mb/s</h4>
                    <h6>高性能畅快存储无极限</h6>
                    <p>¥37.5</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(4).png">
                    <h4>闪迪至尊高速OTG手机U盘</h4>
                    <h6>全新设计 USB3.0高速传输</h6>
                    <p>¥61</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbaby2%20(2).png">
                    <h4>beats Urbeats 入耳耳机</h4>
                    <h6>强韧经久 声而震撼</h6>
                    <p>¥558</p>
                </a>
            </div>
        </section>
    </div>
</div>
<div class="home-full-baby"  style="background: #eee;padding-top: 25px">
    <div class="home-full-ad">
        <img src="images/babythree.png">
        <a href="#" title="纽曼VR眼镜" class="hot-point"></a>
    </div>
</div>
<div class="home-full-box">
    <div class="mzcontainer" style="padding-top: 60px">
        <div class="baby-two">
            <h2><strong>智能硬件</strong></h2>
            <nav class="baby-nav">
                <ul>
                    <li><a class="#">智能家居</a></li>
                    <li><a class="#">智能出行</a></li>
                    <li><a class="#">智能娱乐</a></li>
                    <li><a class="#">智能健康</a></li>
                </ul>
            </nav>
        </div>
        <section>
            <div class="home-baby-one">
                <a href="#">
                    <img src="images/mzb%20(1).jpg">
                    <div class="baby-one">
                        <a href="#"><button>立即购买</button></a>
                    </div>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb%20(6).png">
                    <h4>乐心mambo watch 动态心率监测</h4>
                    <h6>触控大屏 信息 来电提醒</h6>
                    <p>¥399</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb%20(2).png">
                    <h4>奔腾智能香蕉加湿器</h4>
                    <h6>智能控制加湿器 手机远程控制</h6>
                    <p>¥169</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb%20(7).png">
                    <h4>Moikit麦开智能水杯Cuptime2</h4>
                    <h6>创意健康水杯 礼品礼物</h6>
                    <p>¥399</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb%20(5).png">
                    <h4>暴风魔镜4 Android版 MJ4-01</h4>
                    <h6>VR虚拟现实智能眼镜</h6>
                    <p>¥199</p>
                </a>
            </div>
        </section>
        <section>
            <div>
                <a href="#">
                    <img src="images/mzb(10).png">
                    <h4>魅航智能行车记录仪MC6</h4>
                    <h6>高颜值+高性能一切只为你</h6>
                    <p>¥399</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb%20(4).png">
                    <h4>航嘉 小智插线板</h4>
                    <h6>Wi-Fi远航遥控 定时开关</h6>
                    <p>¥85</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb%20(3).png">
                    <h4>乐行天下V3C智能电动独轮车</h4>
                    <h6 class="baby-prize"><span class="prize">赠品</span> 买即送魅族EP51耳机</h6>
                    <p><del>¥2499</del> ¥1999</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb(9).png">
                    <h4>CILINE-沁麟1.5L智能靠谱煲</h4>
                    <h6>智能便携 饭菜同时蒸</h6>
                    <p>¥199</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzb%20(1).png">
                    <h4>3D BOX 裸眼3D</h4>
                    <h6 class="baby-prize"><span class="prize">赠品</span> 买即赠魅族EP51+新游N1手柄</h6>
                    <p>¥1999</p>
                </a>
            </div>
        </section>
    </div>
</div>
<div class="home-full-box" style="height: 900px;">
    <div class="mzcontainer">
        <div class="baby-two">
            <h2><strong>手机周边</strong></h2>
            <nav class="baby-nav">
                <ul>
                    <li><a class="#">保护套/后盖/贴膜</a></li>
                    <li><a class="#">数据线/电源适配器</a></li>
                </ul>
            </nav>
        </div>
        <section>
            <div class="home-baby-one">
                <a href="#">
                    <img src="images/mzbfour%20(3).png">
                    <div class="baby-one">
                        <a href="#"><button>立即购买</button></a>
                    </div>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(1).png">
                    <h4>MX6轻薄保护壳</h4>
                    <h6>薄中带韧 精准保护</h6>
                    <p>¥49</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(6).png">
                    <h4>PRO 6 原装保护壳</h4>
                    <h6>全面保护 原机手感</h6>
                    <p>¥168</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(5).png">
                    <h4>魅蓝3 高透保护膜</h4>
                    <h6>高清透亮 轻松粘合</h6>
                    <p>¥29</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(7).png">
                    <h4>魅蓝note3 缤纷软胶保护壳</h4>
                    <h6>多彩缤纷 拜耳TPU材质</h6>
                    <p>¥49</p>
                </a>
            </div>
        </section>
        <section>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(4).png">
                    <h4>魅魅蓝3S 轻薄保护壳</h4>
                    <h6>薄中带韧 纤巧依旧</h6>
                    <p>¥49</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(8).png">
                    <h4>魅蓝note3 高透保护膜</h4>
                    <h6>高清透亮 抗刮耐磨</h6>
                    <p>¥29</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(2).png">
                    <h4>魅蓝3 缤纷软胶保护壳</h4>
                    <h6>拜耳TPU材质 多彩设计</h6>
                    <p>¥49</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(10).png">
                    <h4>魅蓝3s 高透保护膜</h4>
                    <h6>高清透亮 抗刮耐磨</h6>
                    <p>¥29</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="images/mzbfour%20(9).png">
                    <h4>Loop Jacket智能保护套</h4>
                    <h6>适用魅族PRO 6</h6>
                    <p>¥99</p>
                </a>
            </div>
        </section>
    </div>
</div>
<div class="footer">
    <div class="mzcontainer">
        <div>
            <ul>
                <li>
                    <img src="images/footer%20(3).png">
                    <P><b>7天</b> 无理由退货</P>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(4).png">
                    <p><b>15天</b> 换货保障</p>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(2).png">
                    <P><b>1年</b> 免费保修</P>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(1).png">
                    <p><b>百城</b> 速达</p>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(5).png">
                    <p><b>全场</b> 包邮</p>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(6).png">
                    <p><b>2000多家</b> 专卖店</p>
                </li>
            </ul>
        </div>
        <div class="footer-nav">
            <section>
                <h5>帮助说明</h5>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">配送说明</a></p>
                <p><a href="#">售后服务</a></p>
                <p><a href="#">付款帮助</a></p>
            </section>
            <section>
                <h5>Flyme</h5>
                <p><a href="#">开放平台</a></p>
                <p><a href="#">固件下载</a></p>
                <p><a href="#">软件商店</a></p>
                <p><a href="#">查找手机</a></p>
            </section>
            <section>
                <h5>关于我们</h5>
                <p><a href="#">关于魅族</a></p>
                <p><a href="#">加入我们</a></p>
                <p><a href="#">联系我们</a></p>
                <p><a href="#">法律声明</a></p>
            </section>
            <section>
                <h5>关注我们</h5>
                <p><a href="#">新浪微博</a></p>
                <p><a href="#">腾讯微博</a></p>
                <p><a href="#">QQ空间</a></p>
                <p><a href="#">官方微信</a></p>
            </section>
            <section>
                <h5>24小时全国服务热线</h5>
                <h3><a href="#">400-788-3333</a></h3>
                <button>24小时在线客服</button>
            </section>
        </div>
        <div class="footer-page">
            <p>©2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.
                <a href="#">备案号：粤ICP备13003602号-2</a>
                <a href="#">经营许可证编号：粤B2-20130198 营业执照</a>
                <img src="images/footer-copy-1.png"><img src="images/footer-copy-2.png"><img src="images/trust-icon.png">
            </p>
        </div>
    </div>
</div>
</body>
</html>